<template>
  <view class="vehicle-container">
    <!-- 空状态展示 -->
    <view class="empty-state">
      <!-- 汽车图片 -->
      <image class="car-image" src="/static/myCar/组 6@2x.png" mode="aspectFit"></image>
      <!-- 提示文字 -->
      <text class="empty-text">暂无车辆信息</text>
    </view>
    
    <!-- 添加车辆按钮 -->
    <view class="add-btn">
      <button type="primary" @click="handleAddVehicle">+ 添加车辆</button>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    handleAddVehicle() {
      // 处理添加车辆逻辑
	  uni.navigateTo({
	  	url:"/pages/myCar/addCar/addCar"
	  })
    }
  }
}
</script>

<style lang="scss">
.vehicle-container {
  min-height: 100vh;
  background-color: #fff;
  padding: 20rpx;
  
  .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 200rpx;
    
    .car-image {
      width: 300rpx;
      height: 200rpx;
    }
    
    .empty-text {
      color: #999;
      font-size: 28rpx;
      margin-top: 20rpx;
    }
  }
  
  .add-btn {
    position: fixed;
    bottom: 40rpx;
    left: 20rpx;
    right: 20rpx;
    
    button {
      background-color: #2979ff;
      border-radius: 8rpx;
      color: #fff;
    }
  }
}
</style>